<template>
    <div>
        <Head1></Head1>
        <List></List>
        <div id="container" style="height: 500px"></div>
    </div>
</template>

<script>
    import Head1 from "../components/head1";
    import List from "../components/list";
    import AMapLoader from "@amap/amap-jsapi-loader";
export default {
        name: "index",
        components:{
            Head1,
            List,
        },
    methods:{
        initMap() {
            AMapLoader.load({
                "key": "ce55ff31b2ec8da2ea6fdd74663562d6", // 申请好的Web端开发者Key，首次调用 load 时必填
                "version": "2.0", // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
                "plugins": [],           // 需要使用的的插件列表，如比例尺'AMap.Scale'等
                "AMapUI": {             // 是否加载 AMapUI，缺省不加载
                    "version": '1.1',   // AMapUI 缺省 1.1
                    "plugins":[],       // 需要加载的 AMapUI ui插件
                }
            })
                .then(AMap => {
                    this.map = new AMap.Map("container", {
                        //设置地图显示的缩放级别
                        zoom: 15,
                        // 是否允许鼠标拖拽
                        dragEnable: true,
                        // 鼠标滚轮放大缩小
                        scrollWheel: true,
                        // 双击放大缩小
                        doubleClickZoom: true,
                        // 键盘控制发达缩小移动旋转
                        keyboardEnable: false,
                        // 手势控制
                        touchZoom: false,
                        center: [114.52312931, 37.999312312],//设置地图中心点坐标
                    });
                })
                .catch(e => {
                    console.log(e);
                });
        }
    },
    mounted(){
        this.initMap()
    },
    }
</script>

<style scoped>

</style>